<!DOCTYPE html>
<html>

<head>

    	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    	<meta charset="utf-8">
		<title>Login Amikom Computer Club</title>
		<meta name="description" content="Amcc Amikom Computer Club">
		<link rel="shortcut icon" type="image/ico" href="<?php echo base_url();?>asset/image/homepage/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="<?php echo base_url()?>asset/css/styleLogin.css" rel="stylesheet" type="text/css" media="screen" >


</head>

<body>

	<h1>Amikom Komputer Club<br />
	<sub>Learning By Doing Learning By Teaching</sub></h1>
	<?php if (!empty($error)):?>
		<div class="alert">
		    <font color="red"><?php echo $error ?></font>
		</div>	
	<?php endif?> 
    <span href="#" class="button" id="toggle-login">Login</span>
		<div id="login">
		  <div id="triangle"></div>
		  <h1>Login</h1>
		  <form method="post">
				<input type="nim" name="NIM" placeholder="NIM" />
				<input type="password" name = "password" placeholder="Password" />
				<input type="submit" name="submit" value="Login" />
		  </form>
		</div>

  <script src="<?php echo base_url()?>asset/jquery/jquery.min.js"></script>
  <script>
  	$('#toggle-login').click(function(){
  		$('#login').toggle();
	});
  </script>
</body>

</html>